// components/product-screen/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    show: {
      type: Boolean,
      value: false
    },
    appBar: {
      type: Boolean,
      value: false
    },
    product: {
      type: Object,
      value: {}
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 关闭弹窗
    onClosePopup() {
      this.triggerEvent('close')
    },

    // 弹窗进入中：绑定这个 否则弹窗动画无效
    onPopupEnter() {},

    // 滑动关闭弹窗后
    onPopupLeave() {
      // 设置 showPopup 为 false，否则打开时文字没有放大效果
      this.onClosePopup()
      // 调用当前按钮的回调方法 改变 transform 状态
      this.triggerEvent('popupLeave')
    },

    // 打开链接
    onOpenPress() {
      this.triggerEvent('btnpress', this.properties.product, {
        bubbles: true, 
        composed: true
      })
    }
  }
})
